import React, { forwardRef } from 'react';  
import Head from 'next/head';  
import { Box, BoxProps } from '@mui/material';  
  
type PageProps = {  
  children?: React.ReactNode;  
  title?: string;  
  meta?: React.ReactNode;  
} & BoxProps;  
  
const Page = forwardRef<HTMLDivElement, PageProps>(({ children, title = '', meta, ...other }, ref) => (  
  <>  
    <Head>  
      <title>{`${title} | Doyun - React Material Admin Dashboard Template`}</title>  
      {meta}  
    </Head>  
    <Box ref={ref} {...other}>  
      {children}  
    </Box>  
  </>  
));  
  
// 添加 displayName 属性  
Page.displayName = 'Page';  
  
export default Page;